<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
    <!-- <li data-target="#myCarousel" data-slide-to="2"></li> -->
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img
        class="first-slide"
        alt="First slide"
        src="../imgs/swiper/banner_01.png"
      />
      <div class="container">
        <div class="banner-contianer">
          <div class="banner-ipt-wrap">
            <div class="price">
              <span class="old">698元</span><span class="now">9.9元</span
              ><span class="desc">/2节</span>
            </div>
            <div class="title">编程试听课</div>
            <div class="ipt">
              <span></span
              ><input
                type="text"
                placeholder="请输入您的手机号码"
                maxlength="11"
                name="mobile"
              />
            </div>
            <div class="submit-btn">立即领取</div>
          </div>
        </div>
      </div>
    </div>
    <div class="carousel-item">
      <img
        class="first-slide"
        alt="First slide"
        src="../imgs/swiper/banner_02.png"
      />
      <div class="container">
        <div class="banner-contianer">
          <div class="banner-ipt-wrap">
            <div class="price">
              <span class="old">698元</span><span class="now">9.9元</span
              ><span class="desc">/2节</span>
            </div>
            <div class="title">编程试听课</div>
            <div class="ipt">
              <span></span
              ><input
                type="text"
                placeholder="请输入您的手机号码"
                maxlength="11"
                name="mobile"
              />
            </div>
            <div class="submit-btn">立即领取</div>
          </div>
        </div>
      </div>
    </div>
    <div class="carousel-item">
      <img
        class="first-slide"
        alt="First slide"
        src="../imgs/swiper/banner_03.png"
      />
      <div class="container">
        <div class="banner-contianer">
          <div class="banner-ipt-wrap">
            <div class="price">
              <span class="old">698元</span><span class="now">9.9元</span
              ><span class="desc">/2节</span>
            </div>
            <div class="title">编程试听课</div>
            <div class="ipt">
              <span></span
              ><input
                type="text"
                placeholder="请输入您的手机号码"
                maxlength="11"
                name="mobile"
              />
            </div>
            <div class="submit-btn">立即领取</div>
          </div>
          <div class="banner-text-wrap">
            <div class="title">Dash<br/>达奇奇幻机器人编程</div>
            <div class="desc">
              达奇奇幻机器人是由wonder workshop公司生产的
              儿童编程产品。<br/>
              dash是能够在您的孩子玩耍过程中教授其编程的
              真正的机器人。
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="carousel-item">
      <img
        class="first-slide"
        alt="First slide"
        src="../imgs/swiper/banner_04.png"
      />
      <div class="container">
        <div class="banner-contianer">
          <div class="banner-ipt-wrap">
            <div class="price">
              <span class="old">698元</span><span class="now">9.9元</span
              ><span class="desc">/2节</span>
            </div>
            <div class="title">编程试听课</div>
            <div class="ipt">
              <span></span
              ><input
                type="text"
                placeholder="请输入您的手机号码"
                maxlength="11"
                name="mobile"
              />
            </div>
            <div class="submit-btn">立即领取</div>
          </div>
          <div class="banner-text-wrap">
            <div class="title">Scratch<br/>趣味图形化编程</div>
            <div class="desc">
              scratch编程语言是由美国麻省理工学院（MIT）
              媒体实验室众生幼儿园小组开发的一款适合青少年
              学习、研究编程技术的图形化编程语言。<br/>
              孩子可用通过scratch编写属于自己的动画、游戏、应用，
              从而锻炼到创造力、逻辑力、协作力
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="carousel-item">
      <img
        class="first-slide"
        alt="First slide"
        src="../imgs/swiper/banner_05.png"
      />
      <div class="container">
        <div class="banner-contianer">
          <div class="banner-ipt-wrap">
            <div class="price">
              <span class="old">698元</span><span class="now">9.9元</span
              ><span class="desc">/2节</span>
            </div>
            <div class="title">编程试听课</div>
            <div class="ipt">
              <span></span
              ><input
                type="text"
                placeholder="请输入您的手机号码"
                maxlength="11"
                name="mobile"
              />
            </div>
            <div class="submit-btn">立即领取</div>
          </div>
          <div class="banner-text-wrap">
            <div class="title">
              Python<br/>代码编程
            </div>
            <div class="desc">
              人生苦短，我用python。<br/>
              python语言诞生已经30年历史了，在人工智能
              时代即将来临的今天越来越广泛的被重视起来，
              其语言的简洁性、易用性，还有丰富的第三方库，
              收获了大量用户的欢迎。python也成为了编程入门
              的首选语言。<br/>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <a
    class="carousel-control-prev"
    href="#myCarousel"
    role="button"
    data-slide="prev"
  >
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">prev</span>
  </a>
  <a
    class="carousel-control-next"
    href="#myCarousel"
    role="button"
    data-slide="next"
  >
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">next</span>
  </a>
</div>
